@charset "utf-8";

/*//自定义浏览器滚动条*/

 

body::-webkit-scrollbar,
.layers-table-list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body::-webkit-scrollbar-track,
.layers-table-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

body::-webkit-scrollbar-thumb,
.layers-table-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

::-webkit-scrollbar-track-piece {
    width: 8px;
    background-color: #f8f8f8;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #2882e8;
}

::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #aeaeae;
}

    ::-webkit-scrollbar-thumb:hover {
        width: 8px;
        background-color: #2882e8;
    }

* {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-family: "微软雅黑","楷体","arial", "sans-serif","宋体";
    text-decoration: none;
    list-style: none;
}

html,
body {
    width: 100%;
    min-width: 1200px;
}


/*头部*/

.head {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    height: 95px;
    background: #FFFFFF;
    position: relative;
    z-index: 10;
}

.header {
    width: 95%;
    min-width: 1200px;
    margin: 0 auto;
}

    .header > div {
        display: inline-block;
        height: 95px;
    }

    .header .logo {
        height: 95px;
        line-height: 95px;
    }

        .header .logo img {
            max-width: 100%;
        }

    .header .nav_bar {
        float: right;
        position: relative;
    }

    .header > .nav_bar > ul > li {
        display: block;
        float: left;
        height: 95px;
        line-height: 95px;
        padding: 0px 23px;
    }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .header > .nav_bar > ul > li {
        padding: 0px 10px;
    }

    .header .logo {
        width: 400px;
    }
}


/*下拉块*/

.header > .nav_bar > ul > li > div {
    display: none;
    position: absolute;
    width: 100%;
    min-height: 300px;
    left: 0px;
    top: 95px;
    z-index: 1;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .1) inset;
}

.header > .nav_bar > ul > li > a {
    color: #000000;
    font-size: 15px;
    position: relative;
}

.header .nav_bar > ul > li:hover .tow_nav {
    display: block;
}

.header .nav_bar > ul > li .tow_nav > div {
    display: inline-block;
    width: 50%;
    min-height: 300px;
}

    .header .nav_bar > ul > li .tow_nav > div.tow_nav_left {
        padding: 0px 20px;
    }

        .header .nav_bar > ul > li .tow_nav > div.tow_nav_left ul li {
            line-height: 1;
            border-bottom: 1px solid #dadfe4;
        }

            .header .nav_bar > ul > li .tow_nav > div.tow_nav_left ul li:last-child {
                border: none;
            }

            .header .nav_bar > ul > li .tow_nav > div.tow_nav_left ul li a {
                padding: 20px 0px;
                display: block;
                color: #565656;
                font-size: 15px;
            }

                .header .nav_bar > ul > li .tow_nav > div.tow_nav_left ul li a:hover,
                .header .nav_bar > ul > li .tow_nav > div.tow_nav_left ul li a.active {
                    color: #0054a6 !important;
                }

    .header .nav_bar > ul > li .tow_nav > div.tow_nav_right {
        float: right;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .header .nav_bar > ul > li .tow_nav > div.tow_nav_right img {
            border-radius: 5px;
        }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .header .nav_bar > ul > li .tow_nav > div.tow_nav_right img {
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
}


/*--end--*/

.header > .nav_bar > ul > li > a:hover,
.header > .nav_bar > ul > li > a.active {
    color: #0054a6;
}

    .header > .nav_bar > ul > li > a:hover::before,
    .header > .nav_bar > ul > li > a.active::before {
        position: absolute;
        content: '';
        top: 40px;
        width: 100%;
        height: 2px;
        background: #0054a6;
    }

.header .eng {
    float: right;
    height: 95px;
    line-height: 95px;
}

    .header .eng a {
        display: inline-block;
        vertical-align: middle;
        width: 35px;
        height: 35px;
        color: #FFFFFF;
        font-size: 12px;
        background: #d2d2d2;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

        .header .eng a:hover {
            background: #0054a6;
        }

/*banner*/

.banner img {
    max-width: 100%;
}

.banner .swiper-container .swiper-wrapper .swiper-slide .ad_text {
    position: absolute;
    top: 33%;
    left: 7%;
    z-index: 99;
}

    .banner .swiper-container .swiper-wrapper .swiper-slide .ad_text p:first-child {
        font-size: 54px;
        font-weight: bold;
        color: #FFFFFF;
        opacity: 0;
    }

    .banner .swiper-container .swiper-wrapper .swiper-slide .ad_text p:last-child {
        font-size: 28px;
        color: #ffffff;
        opacity: 0;
    }

.banner .swiper-container .swiper-wrapper .swiper-slide-active .ad_text p:first-child {
    -webkit-animation: down 1.1s ease-out;
    -moz-animation: down 1.1s ease-out;
    -o-animation: down 1.1s ease-out;
    animation: down 1.1s ease-out;
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.banner .swiper-container .swiper-wrapper .swiper-slide-active .ad_text p:last-child {
    -webkit-animation: up 1.1s ease-out;
    -moz-animation: up 1.1s ease-out;
    -o-animation: up 1.1s ease-out;
    animation: up 1.1s ease-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.banner .swiper-container .swiper-wrapper .swiper-slide-active > img {
    -webkit-animation: enlarge 40s ease-in-out;
    -moz-animation: enlarge 40s ease-in-out;
    -o-animation: enlarge 40s ease-in-out;
    animation: enlarge 40s ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes enlarge {
    from {
        transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
    }

    to {
        transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}

@keyframes down {
    from {
        transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes down {
    from {
        transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-ms-keyframes down {
    from {
        transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes down {
    from {
        transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes up {
    from {
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes up {
    from {
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-ms-keyframes up {
    from {
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes up {
    from {
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

.banner .swiper-button-prev {
    width: 22px !important;
    height: 55px !important;
    background: url(../img/index/left.png) no-repeat;
    background-position-y: 0px;
    left: 3%;
}

.banner .swiper-button-next {
    width: 22px !important;
    height: 55px !important;
    background: url(../img/index/right.png) no-repeat;
    background-position-y: 0px;
    right: 3%;
}

    .banner .swiper-button-prev:hover,
    .banner .swiper-button-next:hover {
        background-position-y: -67px;
    }

.banner .swiper-pagination {
    bottom: 30px !important;
}

    .banner .swiper-pagination span {
        width: 48px;
        height: 4px;
        border-radius: 0px;
    }


/*主体内容*/

.main {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
}

    .main img {
        max-width: 100%;
    }

    .main .x1 {
        width: 100%;
        font-size: 0px;
    }

        .main .x1 .am-g .am-u-sm-4 {
            margin: 0px;
            padding: 0px;
            height: 495px;
        }

            .main .x1 .am-g .am-u-sm-4 .top {
                background: #f5f5f5;
                padding: 5% 10% 0px 10%;
                height: 215px;
            }

                .main .x1 .am-g .am-u-sm-4 .top div:first-child {
                    position: relative;
                    margin-bottom: 20px;
                }

                    .main .x1 .am-g .am-u-sm-4 .top div:first-child p {
                        color: #333333 !important;
                        font-size: 18px !important;
                        font-weight: bold;
                    }

                    .main .x1 .am-g .am-u-sm-4 .top div:first-child .more {
                        position: absolute;
                        display: block;
                        width: 30px;
                        height: 30px;
                        border: 1px solid #a0a0a0;
                        background: url(../img/ico/add.png) no-repeat;
                        background-position-x: center;
                        background-position-y: 10px;
                        right: 0px;
                        top: 10px;
                        border-radius: 3px;
                    }

                        .main .x1 .am-g .am-u-sm-4 .top div:first-child .more:hover {
                            background: #0054a6 url(../img/ico/add.png) no-repeat;
                            background-position-x: center;
                            background-position-y: -81px;
                            border: 1px solid #0054a6;
                        }

                .main .x1 .am-g .am-u-sm-4 .top div:last-child p {
                    color: #666666;
                    font-size: 15px;
                    line-height: 25px;
                }

            .main .x1 .am-g .am-u-sm-4 .bot {
                position: relative;
                height: 100%
            }

                .main .x1 .am-g .am-u-sm-4 .bot a img {
                    height: 100%;
                }

.bot img,
.x2 .am-g .am-u-sm-6 img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bot, .x2 > .am-g .am-u-sm-6, .x2 > .am-g .am-u-sm-6 div {
    overflow: hidden;
}

    .bot:hover img,
    .am-g > .am-u-sm-6:first-child:hover img,
    .cv:hover img, .tn:hover img,
    .x_mn:hover img {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

.tn .index_sb {
    position: relative;
}

    .tn .index_sb .index_sb_ico {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

.tn .lock {
    z-index: 50;
}

.tn .index_sb .index_sb_ico .swiper-container {
    width: 100%;
    height: 100%;
}

    .tn .index_sb .index_sb_ico .swiper-container .swiper-slide img {
        position: absolute;
        left: 57%;
        top: 35%;
        transform: translate(-50%,-50%);
    }









.main .lock {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    padding: 62px 0px 0px 60px;
    background: rgba(0, 0, 0, 0.28);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

    .main .lock p {
        color: #FFFFFF;
        font-size: 30px;
        font-weight: bold;
        position: relative;
        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }

    .main .lock font {
        display: block;
        width: 60px;
        height: 2px;
        margin: 10px 0px;
        background: #FFFFFF;
        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }

    .main .lock span {
        color: #FFFFFF;
        font-size: 18px;
        display: block;
        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }

    .main .lock:hover {
        background: rgba(0, 84, 166, 0.62);
    }

        .main .lock:hover p {
            transform: translateY(-20px);
            -moz-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
            -webkit-transform: translateY(-20px);
        }

        .main .lock:hover span {
            transform: translateY(20px);
            -moz-transform: translateY(20px);
            -moz-transform: translateY(20px);
            -webkit-transform: translateY(20px);
        }

        .main .lock:hover font {
            transform: rotate(-36deg);
            -moz-transform: rotate(-36deg);
            -moz-transform: rotate(-36deg);
            -webkit-transform: rotate(-36deg);
        }


/*首页新闻*/

.main .x1 .am-g #news .top {
    background: #FFFFFF;
    height: 120px;
}

.main .x1 .am-g #news .x_news {
    padding: 10%;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .main .x1 .am-g #news .x_news .x_news_list p {
        color: #999999;
        font-size: 12px;
    }

    .main .x1 .am-g #news .x_news .x_news_list a {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #666666;
        margin: 15px 0px 30px 0px;
        background: url(../img/ico/add.png) no-repeat;
        background-position-y: 6px;
        background-position-x: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 10%;
    }

    .main .x1 .am-g #news .x_news .swiper-pagination {
        text-align: left;
        bottom: 0px;
    }

        .main .x1 .am-g #news .x_news .swiper-pagination .swiper-pagination-bullet {
            background: #c9c9c9;
        }

        .main .x1 .am-g #news .x_news .swiper-pagination .swiper-pagination-bullet-active {
            background: #0054a6;
        }

    .main .x1 .am-g #news .x_news .x_news_list a:hover {
        background-position-y: -39px;
        color: #0054a6;
    }


/*招聘。联系*/

.main .x1 .am-g .am-u-sm-4:last-child {
    background: #F5F5F5;
}

    .main .x1 .am-g .am-u-sm-4:last-child .top {
        height: 120px;
    }

    .main .x1 .am-g .am-u-sm-4:last-child .bot {
        background: #F5F5F5;
    }

        .main .x1 .am-g .am-u-sm-4:last-child .bot div {
            position: relative;
            padding: 0px;
            width: 100%;
            height: 110px;
            background: #F5F5F5;
        }

            .main .x1 .am-g .am-u-sm-4:last-child .bot div a {
                display: block;
                width: 100%;
                height: 100%;
                line-height: 105px;
                text-indent: 25%;
                color: #333333;
                font-size: 16px;
                font-weight: bold;
            }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .main .x1 .am-g .am-u-sm-4:last-child .bot div a {
        text-indent: 35% !important;
    }
}

.main .x1 .am-g .am-u-sm-4:last-child .bot .job a {
    background: url(../img/ico/01.png) no-repeat;
    background-position-y: 15px;
    background-position-x: 10%;
}

.main .x1 .am-g .am-u-sm-4:last-child .bot .resume a {
    background: url(../img/ico/02.png) no-repeat;
    background-position-y: 15px;
    background-position-x: 10%;
}

.main .x1 .am-g .am-u-sm-4:last-child .bot .Care a {
    background: url(../img/ico/03.png) no-repeat;
    background-position-y: 15px;
    background-position-x: 10%;
}

.main .x1 .am-g .am-u-sm-4:last-child .bot div a:hover {
    color: #FFFFFF;
    background-color: #0054a6;
    background-position-y: -85px;
}


/*首页图片板块*/

.x2 {
    background: #181818;
}

    .x2 .lock span {
        font-size: 24px;
    }

    .x2 .am-g .am-u-sm-6 {
        padding: 0px;
        margin: 0px;
        height: 100%;
    }

    .x2 .am-g {
        /*height: 750px;*/
        width: 100%;
    }

        .x2 .am-g .am-u-sm-6:first-child img {
            /*height: 100%;*/
            width: 100%;
        }

        .x2 .am-g .am-u-sm-6 > div {
            width: 100%;
            height: 50%;
            font-size: 0px;
        }

            .x2 .am-g .am-u-sm-6 > div:first-child > div {
                width: 50%;
                height: 100%;
                /* float: left; */
                position: relative;
                display: inline-block;
            }

            .x2 .am-g .am-u-sm-6 > div:first-child .cv img {
                width: 100%;
                /*height: 100%;*/
            }

            .x2 .am-g .am-u-sm-6 > div:first-child .tn div.index_sb > img {
                width: 100%;
                /*height: 100%;*/
            }

            .x2 .am-g .am-u-sm-6 > div:last-child {
                position: relative;
            }

                .x2 .am-g .am-u-sm-6 > div:last-child img {
                    width: 100%;
                    /*height: 100%;*/
                }


/*底部*/

.foot {
    width: 100%;
    /*height: 315px;*/
    background: #181818;
}

.footer {
    width: 95%;
    margin: 0 auto;
    height: 225px;
    font-size: 0px;
}

    .footer > div {
        display: inline-block;
        width: 70%;
        vertical-align: top;
        float: left;
        /*height: 100%;*/
    }

    .footer .f_left {
        display: block;
        padding-top: 45px;
    }

        .footer .f_left .f_nav {
            color: #888888;
            font-size: 14px;
            margin-top: 30px;
            margin-bottom: 30px;
        }

            .footer .f_left .f_nav a {
                display: inline-block;
                color: #888888;
                font-size: 14px;
                padding: 0px 25px;
            }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .footer .f_left .f_nav a {
        padding: 0px 10px;
    }
}

.footer .f_left .f_nav a:first-child {
    padding-left: 0px;
}

.footer .f_left .f_copy,
.footer .f_left .f_adds {
    color: #888888;
    font-size: 14px;
}

.footer .r_right {
    text-align: right;
    padding-top: 45px;
    width: 30%;
}

    .footer .r_right .f_outer_chain a {
        display: inline-block;
        padding: 0px 5px;
        width: 57px;
        height: 47px;
        float: none
    }

        .footer .r_right .f_outer_chain a:nth-child(1) {
            background: url(../img/ico/weibo.png) no-repeat center;
        }

        .footer .r_right .f_outer_chain a:nth-child(2) {
            background: url(../img/ico/qq.png) no-repeat center;
        }

        .footer .r_right .f_outer_chain a:nth-child(3) {
            background: url(../img/ico/wx.png) no-repeat center;
            position: relative;
        }

            .footer .r_right .f_outer_chain a:nth-child(3)>div {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: -175px;
                width: 270px;
                display: none;
            }
                .footer .r_right .f_outer_chain a:nth-child(3) > div div {
                    width: 50%;
                    float: left;
                }

                .footer .r_right .f_outer_chain a:nth-child(3) > div span {
                    display: block;
                    text-align: center;
                    font-size: 14px;
                    color: #333;
                    padding: 5px 0px;
                }

        .footer .r_right .f_outer_chain a:nth-child(4) {
            background: url(../img/ico/dw.png) no-repeat center;
        }



        .footer .r_right .f_outer_chain a:nth-child(1):hover {
            background: url(../img/ico/wb_1.png) no-repeat center;
        }

        .footer .r_right .f_outer_chain a:nth-child(2):hover {
            background: url(../img/ico/qq_1.png) no-repeat center;
        }

        .footer .r_right .f_outer_chain a:nth-child(3):hover {
            background: url(../img/ico/wx_1.png) no-repeat center;
        }

            .footer .r_right .f_outer_chain a:nth-child(3):hover div{
                display: block;
            }

        .footer .r_right .f_outer_chain a:nth-child(4):hover {
            background: url(../img/ico/dw_1.png) no-repeat center;
        }

    .footer .r_right .friendship_link {
        margin-top: 30px;
        margin-bottom: 20px;
    }

        .footer .r_right .friendship_link .am-btn-danger {
            border-color: rgba(255, 255, 255, 0.5);
            background: rgba(255,255,255,0);
            width: 185px;
            height: 44px;
            text-align: left;
            color: #888888;
        }

        .footer .r_right .friendship_link .am-icon-caret-up {
            color: #888888;
        }

.am-icon-caret-up:before {
    content: '';
    width: 14px;
    height: 7px;
    background: url(../img/ico/loda.png) no-repeat center;
}

.footer .r_right .friendship_link .am-selected-status {
    font-size: 14px;
    color: #888888;
}

.footer .r_right .friendship_link > button {
    width: 100px;
    height: 44px;
    color: #888888;
    background: rgba(255,255,255,0);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.footer .r_right .technical_support a {
    color: #888888;
    font-size: 14px;
}


/*二级banner*/

.banners img {
    max-width: 100%;
}


/*内页二级导航*/

.tow_bar {
    width: 100%;
    height: 67px;
    border-bottom: 1px solid #c7c7c7;
}

    .tow_bar .tow_bar_list {
        width: 80%;
        height: 67px;
        margin: 0 auto;
        font-size: 0px;
    }

        .tow_bar .tow_bar_list a {
            display: inline-block;
            color: #333333;
            font-size: 16px;
            text-align: center;
            line-height: 67px;
            margin: 0px 20px;
            position: relative;
        }

            .tow_bar .tow_bar_list a:first-child {
                margin-left: 0px;
            }

            .tow_bar .tow_bar_list a:hover,
            .tow_bar .tow_bar_list a.active {
                color: #0054a6;
            }

                .tow_bar .tow_bar_list a:hover::before,
                .tow_bar .tow_bar_list a.active::before {
                    position: absolute;
                    content: '';
                    width: 100%;
                    height: 3px;
                    bottom: -1px;
                    background: #0054a6;
                }


/*二级页面标题*/

.tow_title {
    display: inline-block;
    color: #333333;
    font-size: 24px;
    position: relative;
    margin-top: 65px;
    margin-bottom: 50px;
}

    .tow_title::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        background: #0054a6;
        bottom: -15px;
    }

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


/*---*/

.news_box {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
}

    .news_box img {
        max-width: 100%;
    }

    .news_box .x3 {
        font-size: 0px;
    }

        .news_box .x3 > div {
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
        }

        .news_box .x3 .news_scroll {
            width: 40%;
        }

            .news_box .x3 .news_scroll .swiper-container .swiper-slide a p {
                display: block;
                position: absolute;
                bottom: 0px;
                padding: 20px 0px;
                width: 100%;
                padding-left: 2em;
                color: #FFFFFF;
                font-size: 16px;
                background: rgba(0, 0, 0, 0.6);
            }

        .news_box .x3 .news_t {
            width: 55%;
            float: right;
        }

            .news_box .x3 .news_t ul li {
                border-bottom: 1px solid #e5e5e5;
            }

                .news_box .x3 .news_t ul li a p {
                    color: #333333;
                    font-size: 18px;
                    display: block;
                    padding-top: 10px;
                    padding-bottom: 5px;
                }

                .news_box .x3 .news_t ul li a span,
                .news_box .x3 .news_t ul li a span p {
                    color: #333333;
                    font-size: 14px;
                }

                .news_box .x3 .news_t ul li a font {
                    display: block;
                    color: #888888;
                    font-size: 14px;
                    padding: 18px 0px;
                }

                .news_box .x3 .news_t ul li:hover a p {
                    color: #0054a6;
                }

    .news_box .x4 {
        width: 100%;
        font-size: 0px;
        margin-top: 55px;
    }

        .news_box .x4 .news_list {
            display: block;
            font-size: 14px;
            width: 23%;
            margin-right: 2.6666666666%;
            margin-bottom: 50px;
            float: left;
            max-height: 330px;
        }

            .news_box .x4 .news_list:nth-child(4n) {
                margin-right: 0px;
                float: right;
            }

            .news_box .x4 .news_list font {
                color: #888888;
                font-size: 14px;
                display: block;
                padding-bottom: 13px;
            }

            .news_box .x4 .news_list div {
                width: 100%;
                overflow: hidden;
            }

                .news_box .x4 .news_list div img {
                    height: 198px;
                    width: 100%;
                    transition: all 0.5s ease-in-out;
                    -moz-transition: all 0.5s ease-in-out;
                    -ms-transition: all 0.5s ease-in-out;
                    -webkit-transition: all 0.5s ease-in-out;
                }

            .news_box .x4 .news_list p {
                color: #333333;
                font-size: 18px;
                display: block;
                width: 100%;
                padding: 15px 0px;
                border-bottom: 1px solid #d7d7d7;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .news_box .x4 .news_list span {
                color: #666666;
                font-size: 14px;
                display: block;
                width: 100%;
                margin-top: 13px;
                max-height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .news_box .x4 .news_list:hover a div img {
                transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            .news_box .x4 .news_list:hover a p {
                color: #0054a6;
            }


/*分页*/

.page {
    width: 100%;
    text-align: center;
}


/*新闻内页*/

.news_show_box {
    width: 80%;
    margin: 0 auto;
    font-size: 0px;
    margin-top: 50px;
    margin-bottom: 60px;
    min-width: 1200px;
}

    .news_show_box > div {
        display: inline-block;
        float: left;
        height: 100%;
    }

    .news_show_box .context {
        width: 70%;
    }

        .news_show_box .context .c_title {
            position: relative;
            border-bottom: 1px solid #e5e5e5;
        }

            .news_show_box .context .c_title p:nth-child(2) {
                padding: 33px 0px 35px 0px;
            }

                .news_show_box .context .c_title p:nth-child(2) span {
                    display: inline-block;
                    height: 20px;
                    line-height: 20px;
                }

                    .news_show_box .context .c_title p:nth-child(2) span img {
                        display: inline-block;
                        float: left;
                    }

            .news_show_box .context .c_title .bdsharebuttonbox {
                position: absolute;
                right: 0px;
                bottom: 30px;
            }

            .news_show_box .context .c_title > p:first-child {
                color: #333333;
                font-size: 30px;
            }

        .news_show_box .context .con_box {
            min-height: 500px;
            padding-top: 30px;
        }

            .news_show_box .context .con_box span,
            .news_show_box .context .con_box p,
            .news_show_box .context .con_box p span {
                font-size: 16px;
                color: #333333;
                line-height: 30px;
            }

        .news_show_box .context .back_list ul li:first-child {
            margin: 43px 0px;
        }

        .news_show_box .context .back_list ul li {
            margin: 10px 0px;
        }

        .news_show_box .context .back_list a {
            color: #666666;
            font-size: 14px;
        }

        .news_show_box .context .back_list ul li a:hover {
            color: #0655a3;
        }

    .news_show_box .hot {
        width: 25%;
        float: right;
        height: 500px;
        /*background: #F1F1F1;*/
    }

        .news_show_box .hot > p:first-child {
            width: 100%;
            padding: 16px;
            text-indent: 1em;
            background: #0054a6;
            color: #FFFFFF;
            font-size: 16px;
            font-weight: bold;
        }

        .news_show_box .hot .hot_scroll {
            margin-top: 25px;
        }

        .news_show_box .hot .swiper-container .swiper-slide img {
            width: 100%;
            max-width: 100%;
        }

        .news_show_box .hot .hot_list ul li {
            border-bottom: 1px solid #e5e5e5;
            padding: 15px 0px;
        }

            .news_show_box .hot .hot_list ul li a p {
                color: #333333;
                font-size: 16px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .news_show_box .hot .hot_list ul li a span {
                color: #999999;
                font-size: 16px;
            }

            .news_show_box .hot .hot_list ul li:hover a p {
                color: #0054a6;
            }


/*关于我们*/

.abo {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
}

#introduce .introduce_box {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

    #introduce .introduce_box > p:first-child {
        margin: 50px 0px;
    }

    #introduce .introduce_box .int_b_t font {
        color: #0054A6;
        font-size: 48px;
    }

    #introduce .introduce_box .int_b_t span {
        color: #333333;
        font-size: 24px;
    }

    #introduce .introduce_box .int_b_c {
        color: #000000;
        font-size: 16px;
    }

    #introduce .introduce_box .int_b_c {
        margin-bottom: 60px;
    }

#vision {
    margin-bottom: 50px;
}

    #vision .vision_box > div {
        display: inline-block;
        float: left;
    }

    #vision .vision_box .vi_right {
        margin-left: 50px;
    }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    #vision .vision_box .vi_right {
        width: 850px;
    }
}

#vision .vision_box .vi_right p {
    margin-bottom: 45px;
    color: #000000;
    font-size: 16px;
}

#vision .vision_box .vi_right font {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    min-width: 80px;
    float: left;
}

#vision .vision_box .vi_right span {
    display: block
}

#idea {
    margin-bottom: 50px;
}

    #idea .idea_box {
        width: 100%;
    }

        #idea .idea_box > div {
            display: inline-block;
            float: left;
        }

        #idea .idea_box .idea_box_l {
            width: 59%;
        }

        #idea .idea_box .idea_box_r {
            width: 30%;
            margin-left: 4%;
        }

            #idea .idea_box .idea_box_r p {
                margin-bottom: 30px;
                color: #000000;
                font-size: 16px;
            }

            #idea .idea_box .idea_box_r font {
                color: #000000;
                font-size: 16px;
                font-weight: bold;
                display: block;
                min-width: 80px;
                float: left;
            }

#sign {
    margin-bottom: 50px;
}

    #sign .sign_box > div {
        display: inline-block;
        float: left;
    }

    #sign .sign_box .sign_box_l {
        width: 30%;
    }

        #sign .sign_box .sign_box_l img:nth-child(2) {
            margin: 20px 0px;
        }

    #sign .sign_box .sign_box_r {
        width: 65%;
        margin-left: 3%;
        text-indent: 2em;
    }

        #sign .sign_box .sign_box_r p {
            color: #333333;
            font-size: 16px;
            margin-bottom: 20px;
        }

#five_first {
    margin-bottom: 50px;
}

    #five_first .five_first_box p {
        text-align: center;
    }

    #five_first .five_first_box > p:first-child {
        color: #302f2f;
        font-size: 32px;
        font-weight: bold;
    }

    #five_first .five_first_box > p:nth-child(2) {
        color: #302f2f;
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    #five_first .five_first_box > div {
        display: inline-block;
        float: left;
    }

        #five_first .five_first_box > div.five_first_l {
            width: 35%;
            margin-right: 3%;
        }

            #five_first .five_first_box > div.five_first_l > div {
                border: 5px solid #dbdbdb;
                position: relative;
            }

                #five_first .five_first_box > div.five_first_l > div img {
                    width: 100%;
                }

            #five_first .five_first_box > div.five_first_l p {
                position: absolute;
                width: 100%;
                top: 0px;
                text-align: left;
                height: 140px;
                /*line-height: 140px;*/
                background: rgba(0, 0, 0, .2);
                color: #ffffff;
                padding: 25px;
            }

                #five_first .five_first_box > div.five_first_l p font {
                    display: block;
                    font-weight: bold;
                    font-size: 37px;
                }

                #five_first .five_first_box > div.five_first_l p span {
                    font-size: 22px;
                }

        #five_first .five_first_box > div.five_first_r {
            width: 60%;
        }

    #five_first .five_first_box .five_first_r > div {
        display: block;
        width: 100%;
    }

    #five_first .five_first_box .five_first_r .f_top > div {
        margin-bottom: 32px;
    }

    #five_first .five_first_box .five_first_r .f_top > div,
    #five_first .five_first_box .five_first_r .f_btn > div {
        width: 48%;
        float: left;
        position: relative;
        border: 5px solid #dbdbdb;
    }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    #five_first .five_first_box .five_first_r .f_top > div,
    #five_first .five_first_box .five_first_r .f_btn > div {
        width: 47%;
    }
}

#five_first .five_first_box .five_first_r .f_top > div:first-child,
#five_first .five_first_box .five_first_r .f_btn > div:first-child {
    margin-right: 30px;
}

#five_first .five_first_box .five_first_r .f_top > div img,
#five_first .five_first_box .five_first_r .f_btn > div img {
    width: 100%;
    height: 100%;
}

#five_first .five_first_box .five_first_r .f_top > div p,
#five_first .five_first_box .five_first_r .f_btn > div p {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 90px;
    text-align: left;
    background: rgba(0, 0, 0, .3);
    color: #ffffff;
    padding: 15px;
}

    #five_first .five_first_box .five_first_r .f_top > div p font,
    #five_first .five_first_box .five_first_r .f_btn > div p font {
        font-size: 30px;
        font-weight: bold;
        display: block;
    }

    #five_first .five_first_box .five_first_r .f_top > div p span,
    #five_first .five_first_box .five_first_r .f_btn > div p span {
        font-size: 18px;
    }
/*知名品牌*/
.brand_box {
    text-align: center
}

    .brand_box p {
        width: 980px;
        margin: 50px auto;
        line-height: 30px;
        font-size: 16px;
        color: #333333;
    }

.bra_box {
    width: 100%;
}

.bra_list {
    width: 23%;
    margin-right: 2.555555%;
    float: left;
    margin-bottom: 50px;
}

    .bra_list:nth-child(4n) {
        margin-right: 0px;
        float: right;
    }

    .bra_list > div {
        overflow: hidden;
    }

        .bra_list > div img {
            cursor: pointer;
            transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
        }

    .bra_list:hover > div img {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }


/*资质荣誉*/
#Honor {
    margin-bottom: 100px;
}

.Honor_box {
    width: 100%;
    margin-top: 50px;
}

    .Honor_box .h_list {
        width: 100%;
        cursor: default;
        position: relative;
    }

        .Honor_box .h_list > div {
            float: left;
            min-height: 160px;
        }

    .Honor_box .h_time {
        width: 15%;
        line-height: 160px;
        color: #999999;
        font-size: 30px;
        position: relative;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        text-align: center;
    }

        .Honor_box .h_time::before {
            position: absolute;
            content: '';
            width: 12.9%;
            height: 1px;
            background: #d4d4d4;
            right: 0px;
            top: 50%;
        }

    .Honor_box .h_con {
        width: 83%;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        padding: 20px 0px 40px 40px;
        position: relative;
    }

        .Honor_box .h_con .honor_pic {
            width: 31%;
            float: left;
            margin-right: 3.49999%;
            margin-bottom: 20px;
            overflow: hidden;
        }

            .Honor_box .h_con .honor_pic img {
                transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                -ms-transition: all 0.6s ease-in-out;
                -webkit-transition: all 0.6s ease-in-out;
                cursor: pointer;
            }

            .Honor_box .h_con .honor_pic:nth-child(3n) {
                float: right;
                margin-right: 0px;
            }

            .Honor_box .h_con .honor_pic:hover img {
                transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

    .Honor_box .h_list:hover .h_time {
        color: #0054a6;
    }

    .Honor_box .h_list:first-child .h_con::before {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        background: url(../img/about/ico/02.png) no-repeat center;
        left: -11px;
        top: -14px;
    }

    .Honor_box .h_list:first-child .h_con::after {
        position: absolute;
        content: '';
        width: 1px;
        height: 40px;
        background: #c9c9c9;
        left: -1px;
        top: -26px;
    }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .Honor_box .h_time {
        width: 18%;
    }

    .Honor_box .h_con {
        width: 80%
    }
}

/*资质荣誉end*/
#History {
    margin-bottom: 100px;
}

.History_box {
    width: 100%;
    margin-top: 50px;
}

    .History_box .h_list {
        width: 100%;
        cursor: default;
        position: relative;
    }

        .History_box .h_list > div {
            float: left;
            min-height: 160px;
        }

    .History_box .h_time {
        width: 20%;
        line-height: 160px;
        color: #999999;
        font-size: 30px;
        background: url(../img/about/ico/03.png) no-repeat;
        background-position-x: 83%;
        background-position-y: center;
        position: relative;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

        .History_box .h_time::before {
            position: absolute;
            content: '';
            width: 12.9%;
            height: 1px;
            background: #d4d4d4;
            right: 0px;
            top: 50%;
        }

    .History_box .h_con {
        width: 79%;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        padding: 20px 0px 40px 40px;
        position: relative;
    }

        .History_box .h_con p {
            color: #333333;
            font-size: 16px;
            position: absolute;
            bottom: 30px;
        }

    .History_box .h_list:hover .h_time {
        color: #0054a6;
        background: url(../img/about/ico/01.png) no-repeat;
        background-position-x: 83%;
        background-position-y: center;
    }

    .History_box .h_list:first-child .h_con::before {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        background: url(../img/about/ico/02.png) no-repeat center;
        left: -11px;
        top: -40px;
    }

    .History_box .h_list:first-child .h_con::after {
        position: absolute;
        content: '';
        width: 1px;
        height: 40px;
        background: #c9c9c9;
        left: -1px;
        top: -26px;
    }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .History_box .h_time {
        width: 25%;
    }

    .History_box .h_con {
        width: 74%
    }
}
/*联系我们*/
.contact_box {
    width: 80%;
    margin: 0 auto;
    min-width: 1200px;
}

.map {
    width: 100%;
    height: 630px;
}

#dituContent {
    width: 100%;
    height: 100%;
}

    #dituContent img {
        max-width: none !important;
        　
    }

.contact_box .con_tc {
    margin: 50px 0px;
}

    .contact_box .con_tc > div {
        float: left;
        width: 33.33%;
    }

        .contact_box .con_tc > div p {
            font-size: 16px;
            color: #666666;
            line-height: 30px;
        }

        .contact_box .con_tc > div:first-child p:first-child {
            color: #333333;
            font-size: 22px;
            font-weight: bold;
            padding-bottom: 15px;
        }

        .contact_box .con_tc > div:last-child {
            text-align: right;
        }

            .contact_box .con_tc > div:last-child > div {
                display: inline-block;
                text-align: center;
                margin-left: 30px;
            }

                .contact_box .con_tc > div:last-child > div:first-child {
                    margin: 0px;
                }

                .contact_box .con_tc > div:last-child > div p {
                    margin-top: 10px;
                }

.msg .message_box {
    /*height: 670px;*/
    background: #f0f0f0;
    margin-bottom: 50px;
    padding: 65px 85px;
}

    .msg .message_box .msg_t {
        height: 50px;
        width: 100%;
        line-height: 50px;
        border-bottom: 1px solid #cfcfcf;
    }

        .msg .message_box .msg_t > span:first-child {
            color: #0054A6;
            font-size: 18px;
        }

        .msg .message_box .msg_t > span:last-child {
            float: right;
            color: #333333;
            font-size: 16px;
        }

            .msg .message_box .msg_t > span:last-child font {
                color: #ff0000;
            }

    .msg .message_box .am-u-sm-6,
    .msg .message_box .am-u-sm-12,
    .msg .message_box .am-u-sm-12 .am-g {
        padding: 0px;
        margin: 0px;
    }

    .msg .message_box .am-u-sm-6 {
        height: 40px;
        line-height: 40px;
        margin-top: 50px;
    }

        .msg .message_box .am-u-sm-6 input {
            width: 89%;
            height: 100%;
            background: none;
            border: none;
            outline: none;
            border-bottom: 1px solid #cfcfcf;
            text-indent: 2em;
        }

        .msg .message_box .am-u-sm-6 label {
            font-size: 16px;
            color: #333333;
        }

        .msg .message_box .am-u-sm-6 font {
            color: #ff0000;
        }

.message_box form > .am-g:nth-child(3) {
    margin-top: 50px;
}

    .message_box form > .am-g:nth-child(3) label {
        font-size: 16px;
        color: #333333;
    }

    .message_box form > .am-g:nth-child(3) font {
        color: #ff0000;
    }

    .message_box form > .am-g:nth-child(3) textarea {
        width: 94%;
        min-height: 185px;
        background: none;
        border: none;
        outline: none;
        border-bottom: 1px solid #cfcfcf;
        text-indent: 2em;
        resize: none;
    }

.message_box form .btn button {
    width: 230px;
    height: 45px;
    border: none;
    outline: none;
    background: #d2d0d0;
    margin-right: 15px;
    color: #4c4c4c;
    font-size: 16px;
    margin-top: 35px;
}

    .message_box form .btn button:first-child {
        background: #0054a6;
        color: #FEFEFE;
        margin-left: 46.94px;
    }
/*人才招聘*/
.job_box {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
}

.job_list {
    margin-bottom: 100px;
}

    .job_list .t .am-u-sm-2, .job_list .t .am-u-sm-4 {
        background: #0054a6;
        text-align: center;
        padding: 15px 0px;
        color: #FFFFFF;
        font-size: 18px;
    }

        .job_list .t .am-u-sm-2 > a, .job_list .t .am-u-sm-4 > a {
            display: inline-block;
            width: 140px;
            height: 35px;
            line-height: 35px;
            font-size: 14px;
            color: #333333;
            background: #e2e1de;
            margin-top: -20px;
            transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
        }

    .job_list .am-accordion {
        padding: 0px;
        margin: 0px;
    }

        .job_list .am-accordion .am-accordion-title {
            padding: 0px;
            margin: 0px;
            border: none;
        }

            .job_list .am-accordion .am-accordion-title .t .am-u-sm-2, .job_list .am-accordion .am-accordion-title .t .am-u-sm-4 {
                background: #FFFFFF;
                color: #333333;
            }

        .job_list .am-accordion .am-accordion-item {
            border: none;
            border-bottom: 1px solid #DDD;
        }

        .job_list .am-accordion .am-active .am-accordion-title {
            border-bottom: 1px solid #DDD;
            background: #FFFFFF;
            padding: 0px;
            margin: 0px;
        }

        .job_list .am-accordion .am-active .t .am-u-sm-2 a {
            background: #0054a6 !important;
            color: #FFFFFF !important;
        }

        .job_list .am-accordion .am-accordion-content {
            padding-left: 60px;
            min-height: 300px;
        }
/*
.job_list .am-accordion  .am-accordion-content  a {
    display: block;
    width: 140px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    color: #333333;
    background: #e2e1de;
    margin-top: 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.job_list .am-accordion  .am-accordion-content  a:hover{
    background: #0054a6 !important;
    color: #FFFFFF !important;
}*/
.mien {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    margin-bottom: 100px;
}

    .mien .mien_box > div {
        width: 30%;
        float: left;
        margin-right: 5%;
        margin-bottom: 30px;
    }

        .mien .mien_box > div div {
            width: 100%;
            /*overflow: hidden;*/
        }

        .mien .mien_box > div p {
            text-align: center;
            padding: 10px 0px;
            color: #333333;
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .mien .mien_box > div:nth-child(3n) {
            float: right;
            margin-right: 0px;
        }

.mien_list .swiper-button-prev,
.mien_list .swiper-button-next {
    display: none;
}

.mien_list .swiper-button-prev {
    width: 22px !important;
    height: 55px !important;
    background: url(../img/index/left.png) no-repeat;
    background-position-y: 0px;
    left: 3%;
}

.mien_list .swiper-button-next {
    width: 22px !important;
    height: 55px !important;
    background: url(../img/index/right.png) no-repeat;
    background-position-y: 0px;
    right: 3%;
}

.mien_list:hover .swiper-button-prev,
.mien_list:hover .swiper-button-next {
    display: block;
}

.mien_list .swiper-button-prev:hover,
.mien_list .swiper-button-next:hover {
    background-position-y: -67px;
}

.mien_list .swiper-wrapper .swiper-slide img {
    cursor: pointer;
}
/*招标*/
.tend_box {
    width: 80%;
    margin: 0 auto;
    min-width: 1200px;
    min-height: 500px;
}

.tend_list .tend {
    margin-bottom: 50px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

    .tend_list .tend a > div {
        display: inline-block;
        float: left;
    }

    /*.tend_list .tend .tend_p {
        width: 18%;
        margin-right: 2%;
    }*/

    .tend_list .tend .tend_t {
        width: 100%;
    }

    .tend_list .tend .tend_t {
        line-height: 30px;
        padding: 15px 0px;
        border-bottom: 1px solid #dedede;
    }

        .tend_list .tend .tend_t p {
            color: #333333;
            font-size: 20px;
            transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
        }

        .tend_list .tend .tend_t span {
            color: #808080;
            font-size: 16px;
        }

        .tend_list .tend .tend_t font {
            display: block;
            color: #808080;
            font-size: 14px;
        }

    .tend_list .tend:hover {
        transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }

        .tend_list .tend:hover .tend_t p {
            color: #0054a6;
        }


/*品质保证*/
.mf_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 130px;
    cursor: default;
}

    .mf_list::before {
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        background: #FFFFFF;
        border: 2px solid #e2e2e2;
        margin-left: -7px;
        border-radius: 50%;
        left: 50%;
        top: 30px;
    }

    .mf_list .mf_l {
        width: 48%;
        float: left;
        overflow: hidden;
    }

    .mf_list .mf_r {
        width: 48%;
        float: right;
    }

.quality {
    width: 80%;
    margin: 0 auto;
    min-width: 1200px;
    margin-bottom: 50px;
}

    .quality .mf .mf_l img {
        /*width: 70%;*/
        float: right;
        width: 100%;
        /*height: 350px;*/
    }

    .quality .mf .mf_l .swiper-button-prev {
        width: 22px !important;
        height: 55px !important;
        background: url(../img/index/left.png) no-repeat;
        background-position-y: 0px;
        left: 3%;
    }

    .quality .mf .mf_l .swiper-button-next {
        width: 22px !important;
        height: 55px !important;
        background: url(../img/index/right.png) no-repeat;
        background-position-y: 0px;
        right: 3%;
    }

        .quality .mf .mf_l .swiper-button-prev:hover,
        .quality .mf .mf_l .swiper-button-next:hover {
            background-position-y: -67px;
        }

    .quality .mf .mf_l .swiper-button-prev,
    .quality .mf .mf_l .swiper-button-next {
        display: none;
    }

    .quality .mf .mf_l:hover .swiper-button-prev,
    .quality .mf .mf_l:hover .swiper-button-next {
        display: block;
    }

    .quality .mf .mf_r {
        padding: 20px 0px;
    }

        .quality .mf .mf_r > p {
            color: #333333;
            font-size: 24px;
            font-weight: bold;
        }

        .quality .mf .mf_r font {
            color: #333333;
            font-size: 20px;
            display: block;
            padding: 10px 0px 20px 0px;
        }

        .quality .mf .mf_r span,
        .quality .mf .mf_r span p {
            font-size: 16px;
            color: #000000;
        }

.mf .mf_box {
    position: relative;
}

    .mf .mf_box::before {
        position: absolute;
        content: '';
        background: #e2e2e2;
        width: 2px;
        margin-left: -1px;
        top: 0px;
        left: 50%;
        bottom: 0px;
    }

.mf_box .mf_list:hover .mf_r > p {
    color: #0054a6;
}

.mf .mf_box .mf_list:hover::before {
    background: #0054a6;
    border: #0054a6;
}
/*----*/
.qa .qa_box > p {
    color: #000000;
    font-size: 16px;
    text-indent: 2em;
    line-height: 30px;
    margin-bottom: 50px;
}

.qa_box .zm > div img {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.qa_box .zm {
    width: 29%;
    float: left;
    margin-right: 3.49999%;
    margin-bottom: 20px;
    overflow: hidden;
}

    .qa_box .zm > div {
        width: 100%;
        overflow: hidden;
    }

    .qa_box .zm p {
        text-align: center;
        padding: 10px 0px;
        font-size: 16px;
        color: #333333;
    }

    .qa_box .zm:hover img {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
/*.qa .qa_box>div:nth-child(2)>div{
	display: inline-block;
	float: left;
	width: 48%;
	margin-right:2%;
	text-align: center;
}
.qa .qa_box>div:nth-child(2)>div:last-child{
	margin-right: 0px;
	float: right;
}
.qa .qa_box>div:nth-child(2)>div img{
	max-width: 100%;
	    width: 100%;
}
.qa .qa_box>div p{
	color: #000000;
	font-size: 18px;
	padding: 25px 0px;
}
.qa .qa_box>div:nth-child(3){
	text-align: center;
}
.qa .qa_box>div:nth-child(3) img{
	max-width: 100%;
	width: 100%;
}*/

/*.qa_box .fn-clear > div {
    width: 30%;
    float: left;
    margin-right: 3.3333%;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
}

    .qa_box .fn-clear > div img {
        max-width: 100%;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

    .qa_box .fn-clear > div div {
        overflow: hidden;
    }

.qa_box .fn-clear div p {
    padding: 10px 0px;
    font-size: 16px;
}

.qa_box .fn-clear > div:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.qa_box .fn-clear > div:hover p {
    color: #0054a6;
}*/
/*----*/
.qc_box {
    min-width: 1200px;
    margin: 0 auto;
}

    .qc_box > div {
        width: 48%;
        float: left;
        min-height: 180px;
    }

        .qc_box > div:nth-child(2n) {
            float: right;
        }

        .qc_box > div > div:first-child {
            width: 15%;
            float: left;
        }

        .qc_box > div > div:last-child {
            width: 75%;
            float: left;
        }

            .qc_box > div > div:last-child p {
                color: #000000;
                font-size: 16px;
                font-weight: bold;
                padding-bottom: 10px;
            }

            .qc_box > div > div:last-child span {
                color: #000000;
                font-size: 16px;
            }
/*产品*/
.screening {
    border: 1px solid #e6e6e6;
    margin-top: 15px;
    margin-bottom: 35px;
    position: relative;
}

.screening-box div {
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

    .screening-box div:last-child {
        border-bottom: 0;
    }

.screening-box label {
    float: left;
    width: 70px;
    line-height: 46px;
    width: 10%;
    text-align: left;
    text-indent: 2em;
    font-size: 14px;
    color: #333333;
}

.screening-box ul {
    float: left;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 15px;
}

    .screening-box ul li {
        float: left;
        margin-right: 10px;
        padding: 15px 0;
        cursor: pointer;
    }

        .screening-box ul li a {
            display: block;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            color: #495056;
            padding: 0px 12px;
        }

        .screening-box ul li.active a,
        .screening-box ul li:hover a {
            /*background-color: #0054a6;*/
            color: #0054a6;
        }

.special-c p {
    font-size: 14px;
    color: #9f9f9f;
    margin-bottom: 15px;
}

.screening-type ul li {
    position: relative;
}

.screening-box .screening-type ul li.active a,
.screening-box .screening-type ul li:hover a {
    background-color: #0054a6;
    color: #fff;
}

.screening-box .screening-jz ul li:first-child {
    background: url(../img/product/0001.png) no-repeat;
    background-position-x: right;
    background-position-y: 23px;
}

    .screening-box .screening-jz ul li:first-child:hover,
    .screening-box .screening-jz ul li:first-child.active {
        background: url(../img/product/0001.png) no-repeat;
        background-position-x: right;
        background-position-y: -63px;
    }

.screening-type ul li {
    padding: 20px 0;
}

    .screening-type ul li:hover::before,
    .screening-type ul li.active::before {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        bottom: 15px;
        left: 50%;
        margin-left: -6px;
        background: #0054a6;
        transform: rotate(45deg);
    }

/*---------*/
.product_bar,
.product_box {
    width: 80%;
    margin: 0 auto;
    min-width: 1200px;
}

    .product_box .pro_list {
        width: 25%;
        float: left;
        margin-bottom: 80px;
    }

        .product_box .pro_list a > div {
            width: 100%;
            text-align: center;
            overflow: hidden;
        }

            .product_box .pro_list a > div:first-child {
                padding: 20px;
                overflow: hidden;
            }

            .product_box .pro_list a > div img {
                max-width: 100%;
                transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
            }

            .product_box .pro_list a > div:last-child {
                height: 88px;
                padding-top: 20px;
                color: #ffffff;
            }

        .product_box .pro_list div p {
            color: #333333;
            font-size: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0px 25px;
        }

        .product_box .pro_list div span {
            color: #333333;
            font-size: 16px;
        }

        .product_box .pro_list:hover img {
            transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

        .product_box .pro_list:hover div:last-child {
            background: #0054a6;
        }

            .product_box .pro_list:hover div:last-child p,
            .product_box .pro_list:hover div:last-child span {
                color: #FFFFFF;
                font-size: 20px;
            }
/*产品内页*/
.product_show {
    width: 80%;
    min-width: 1200px;
    margin: 50px auto;
    border-top: 1px dashed #dcdcdc;
    padding-top: 50px;
    position: relative;
}

    .product_show::before {
        position: absolute;
        content: '';
        width: 1px;
        background: #dcdcdc;
        top: 50px;
        bottom: 50px;
        left: 71.5555%;
    }

    .product_show .pro_l {
        width: 70%;
        float: left;
        padding-right: 10px;
        /*border-right: 1px solid #dcdcdc;*/
    }

    .product_show .pro_r {
        width: 25%;
        float: right;
    }

    .product_show .x5 {
        float: left;
        width: 55%;
    }

    .product_show .x6 {
        float: right;
        width: 40%;
    }

        .product_show .x6 p {
            color: #333333;
            font-size: 30px;
        }

        .product_show .x6 font {
            color: #333333;
            font-size: 20px;
            font-weight: bold;
            display: block;
            padding-top: 35px;
            padding-bottom: 25px;
        }

        .product_show .x6 span,
        .product_show .x6 span p {
            color: #333333;
            font-size: 16px;
        }

        .product_show .x6 .bdsharebuttonbox {
            margin-top: 30px;
            margin-bottom: 10px;
        }

        .product_show .x6 button {
            width: 280px;
            height: 50px;
            border: none;
            color: #FFFFFF;
            font-size: 18px;
            background: #0054a6;
            box-shadow: 0px 0px 1px #0054a6;
            border-radius: 3px;
            cursor: default;
        }

    .product_show .x7 {
        width: 100%;
        float: left;
        margin-top: 50px;
    }

        .product_show .x7 .am-tabs .am-tabs-nav {
            text-align: left;
            height: 50px;
            border-bottom: 1px solid #e2e2e2;
            padding-left: 20px;
        }

            .product_show .x7 .am-tabs .am-tabs-nav a {
                color: #333333;
                font-size: 18px;
                width: 170px;
                height: 50px;
                text-align: center;
                line-height: 50px;
            }

            .product_show .x7 .am-tabs .am-tabs-nav .am-active a {
                background: #e2e2e2;
            }

            .product_show .x7 .am-tabs .am-tabs-nav a:hover {
                background: #e2e2e2;
            }

        .product_show .x7 .am-tabs .am-tabs-bd > div {
            padding-top: 30px;
            padding-left: 20px;
        }

        .product_show .x7 table p {
            padding: 10px 0px;
        }

        .product_show .x7 table td,
        .product_show .x7 table td th {
            height: 30px;
            text-align: center;
        }

        .product_show .x7 .am-tab-panel img {
            display: block;
            margin: 0 auto;
        }

    .product_show .x8 {
        width: 100%;
        float: left;
        margin-top: 50px;
    }

        .product_show .x8 .next_prev a {
            color: #333333;
            font-size: 16px;
            padding: 5px 0px;
            display: block;
        }

            .product_show .x8 .next_prev a:hover {
                color: #0054a6;
            }

        .product_show .x8 .back_ a {
            display: block;
            width: 100%;
            height: 50px;
            text-align: center;
            line-height: 50px;
            color: #666666;
            font-size: 16px;
            margin-top: 50px;
            background: #e4e4e4 url(../img/product/ico/back.png) no-repeat;
            background-position-y: center;
            background-position-x: 45.5%;
        }

        .product_show .x8 .back_:hover a {
            color: #0054a6;
            background: #e4e4e4 url(../img/product/ico/back2.png) no-repeat;
            background-position-y: center;
            background-position-x: 45.5%;
        }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .product_show .x8 .back_ a {
        background-position-x: 44.5%;
    }

    .product_show .x8 .back_:hover a {
        background: #e4e4e4 url(../img/product/ico/back2.png) no-repeat;
        background-position-y: center;
        background-position-x: 44.5%;
    }
}

.pro_r > p:first-child {
    padding: 15px 0px;
    border-bottom: 1px solid #dedede;
}

    .pro_r > p:first-child span {
        color: #333333;
        font-size: 24px;
        font-weight: bold;
    }

    .pro_r > p:first-child a {
        color: #787878;
        font-size: 14px;
        float: right;
        padding-top: 5px;
    }

.pro_r .proh_list {
    margin-top: 33px;
}

    .pro_r .proh_list a {
        display: block;
    }

        .pro_r .proh_list a div {
            width: 100%;
            border: 1px solid #DEDEDE;
            overflow: hidden;
        }

            .pro_r .proh_list a div img {
                width: 100%;
                transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
            }

        .pro_r .proh_list a p {
            text-align: center;
            padding: 15px 0px;
            color: #333333;
            font-size: 18px;
        }

    .pro_r .proh_list:hover a div {
        border: 1px solid #0054a6;
    }

    .pro_r .proh_list:hover a p {
        color: #0054a6;
    }

    .pro_r .proh_list:hover a div img {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
/*营销服务*/
.server_box {
    width: 80%;
    min-width: 1200px;
    min-height: 300px;
    margin: 0 auto;
    margin-bottom: 50px;
}


    .server_box .x10_box .x10_l {
        width: 45%;
        float: left;
    }

        .server_box .x10_box .x10_l img {
            max-width: 100%;
        }

    .server_box .x10_box .x10_r {
        width: 45%;
        float: right;
    }

        .server_box .x10_box .x10_r p {
            color: #010101;
            font-size: 18px;
            line-height: 30px;
        }

            .server_box .x10_box .x10_r p:nth-child(1) font,
            .server_box .x10_box .x10_r p:nth-child(2) font,
            .server_box .x10_box .x10_r p:nth-child(3) font {
                color: #0054A6;
                font-size: 18px;
            }

            .server_box .x10_box .x10_r p:nth-child(1),
            .server_box .x10_box .x10_r p:nth-child(2) {
                margin-bottom: 45px;
            }

            .server_box .x10_box .x10_r p:last-child {
                margin-top: 60px;
            }

    .server_box .x9_box .x9_l {
        width: 25%;
        float: left;
        background: #f3f3f3;
        padding: 20px 0px 20px 20px;
    }

        .server_box .x9_box .x9_l .x9_list {
            margin-bottom: 50px;
        }

            .server_box .x9_box .x9_l .x9_list:last-child {
                margin-bottom: 0px;
            }

            .server_box .x9_box .x9_l .x9_list p font {
                float: left;
            }

            .server_box .x9_box .x9_l .x9_list p span {
                float: left;
                display: block;
                width: auto;
            }

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .server_box .x9_box .x9_l .x9_list p span {
        width: 64%;
    }
}

.server_box .x9_box .x9_l h1 {
    color: #000000;
    font-size: 16px;
}

.server_box .x9_box .x9_l p {
    line-height: 30px;
    color: #000000;
    font-size: 16px;
}

.server_box .x9_box .x9_r {
    width: 73%;
    float: right;
}

    .server_box .x9_box .x9_r p {
        color: #000000;
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .server_box .x9_box .x9_r table {
        width: 100% !important;
        text-align: center;
    }

.server_box .x12_box .x12_l {
    width: 45%;
    float: left;
}

    .server_box .x12_box .x12_l form > div {
        min-height: 50px;
        line-height: 50px;
        position: relative;
        margin-bottom: 20px;
    }

        .server_box .x12_box .x12_l form > div label {
            display: block;
            float: left;
            height: 50px;
            line-height: 50px;
            color: #1d1d1d;
            font-size: 16px;
            width: 151px;
            text-align: right;
        }

            .server_box .x12_box .x12_l form > div label font {
                color: #ff0000;
            }

    .server_box .x12_box .x12_l form input {
        display: inline-block;
        width: auto;
        border: 1px solid #dcdcdc;
        padding: .5em;
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset; /* For Firefox3.6+ */
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset; /* For Chrome5+, Safari5+ */
        box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset; /* For Latest Opera */
    }

    .server_box .x12_box .x12_l form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #8f8f8f;
        font-size: 14px;
    }

    .server_box .x12_box .x12_l form::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #8f8f8f;
        font-size: 14px;
    }

    .server_box .x12_box .x12_l form input:-ms-input-placeholder {
        color: #8f8f8f;
        font-size: 14px;
    }

    .server_box .x12_box .x12_l form input::-webkit-input-placeholder {
        color: #8f8f8f;
        font-size: 14px;
    }



.am-datepicker-days th,
.am-datepicker-days td {
    border: none;
}

.server_box .x12_box .x12_l form > div:first-child .am-selected,
.server_box .x12_box .x12_l form > div:nth-child(2) input {
    width: 30%;
}

.server_box .x12_box .x12_l form > div:nth-child(2) input {
    border: 1px solid #dcdcdc
}

.server_box .x12_box .x12_l form > div:nth-child(2) i {
    position: absolute;
    top: 5%;
    left: 48.5%;
}

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .server_box .x12_box .x12_l form > div:nth-child(2) i {
        position: absolute;
        top: 5%;
        left: 53.5%;
    }
}

.server_box .x12_box .x12_l form > div:nth-child(3) .am-selected {
    width: 75%;
}

.server_box .x12_box .x12_l form > div .am-btn-default {
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset;
    box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset;
}

.server_box .x12_box .x12_l form > div:nth-child(4) textarea {
    width: 75%;
    border: 1px solid #dcdcdc;
    height: 195px;
    resize: none;
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset;
}

.server_box .x12_box .x12_l form > div:nth-child(5) input,
.server_box .x12_box .x12_l form > div:nth-child(6) input,
.server_box .x12_box .x12_l form > div:nth-child(7) input {
    width: 75%;
}

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .server_box .x12_box .x12_l form > div:nth-child(5) input,
    .server_box .x12_box .x12_l form > div:nth-child(6) input,
    .server_box .x12_box .x12_l form > div:nth-child(7) input,
    .server_box .x12_box .x12_l form > div:nth-child(3) .am-selected,
    .server_box .x12_box .x12_l form > div:nth-child(4) textarea {
        width: 70%;
    }
}

.server_box .x12_box .x12_r {
    width: 45%;
    float: right;
    line-height: 25px;
}

    .server_box .x12_box .x12_r img {
        max-width: 100%;
    }

    .server_box .x12_box .x12_r p {
        color: #000000;
        font-size: 16px;
        margin-bottom: 105px;
    }

        .server_box .x12_box .x12_r p font {
            color: #FF0000;
            font-size: 18px;
        }

.server_box .x12_box .x12_l .x_f_btn {
    padding-left: 151px;
}

    .server_box .x12_box .x12_l .x_f_btn button {
        display: inline-block;
        width: 130px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        color: #FFFFFF;
        font-size: 16px;
        outline: none;
        border: none;
        margin-right: 15px;
        border-radius: 5px;
        background: #818181;
    }

        .server_box .x12_box .x12_l .x_f_btn button:first-child {
            background: #0669b2;
        }
/*营销网点*/
.sel {
    width: 100%;
    height: 50px;
    background: #f7f7f7;
    line-height: 50px;
}

    .sel button {
        width: 75px;
        height: 35px;
        background: #0669b2;
        color: #FFFFFF;
        font-size: 15px;
        border: none;
        outline: none;
        border-radius: 3px;
    }

    .sel input,
    .sel select {
        height: 34px;
        border: 1px solid #e5e5e5;
        min-width: 120px;
        margin-right: 20px;
    }

    .sel #province span {
        color: #000000;
        font-size: 18px;
        padding-left: 20px;
    }

    .sel #myform {
        float: left;
    }

        .sel #myform #province {
            position: relative;
        }

            .sel #myform #province button {
                float: right;
                top: 50%;
                right: 0px;
                margin-top: 7.5px;
            }

    .sel #myform2 {
        float: right;
        margin-right: 20px;
    }

        .sel #myform2 input {
            width: 200px;
            text-indent: 1em;
        }

.dot {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

    .dot > div {
        display: inline-block;
    }

    .dot .dot_li {
        width: 20%;
        float: left;
        height: 560px;
        border: 1px solid #DEDEDE;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        .dot .dot_li div {
            position: relative;
            padding: 17px 40px;
            border-bottom: 1px solid #e5e5e5;
            cursor: pointer;
        }

            .dot .dot_li div.active {
                background: #f7f7f7;
            }

            .dot .dot_li div:last-child {
                border-bottom: none;
            }

            .dot .dot_li div .db {
                width: 25px;
                height: 33px;
                text-align: center;
                line-height: 33px;
                color: #000000;
                font-size: 12px;
                display: block;
                background: url(../img/server/ico/01.png) no-repeat center;
                position: absolute;
                left: 5px;
            }

            .dot .dot_li div .dn {
                color: #000000;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .dot .dot_li div .ds,
            .dot .dot_li div .ds span,
            .dot .dot_li div .da,
            .dot .dot_li div .da span,
            .dot .dot_li div .dt,
            .dot .dot_li div .dt span {
                color: #000000;
                font-size: 12px;
                margin-bottom: 5px;
            }

    .dot .dot_map {
        width: 75%;
        float: right;
        height: 560px;
    }

.dot_map img {
    max-width: none !important;
}

.dot_map {
    position: relative;
}

    .dot_map .message_box {
        position: absolute;
        width: 350px;
        height: 205px;
        top: 35%;
        left: 50%;
        margin-left: -175px;
        margin-top: -102.5px;
        background: url(../img/server/ico/msg.png) no-repeat center;
        padding: 20px;
    }

    .dot_map .BMap_bubble_title {
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .dot_map .BMap_bubble_content {
        color: #000000;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .dot_map .message_box button {
        background: #FFFFFF;
        border: none;
        outline: none;
        position: absolute;
        right: 10px;
        top: 5px;
    }
/*友情链接弹窗*/
.am-close-spin:hover {
    color: rgb(0, 84, 166) !important;
}

.f_link {
    text-align: left;
    max-height: 505px;
    overflow: hidden;
    overflow-y: scroll;
}

    .f_link p {
        font-size: 16px;
        color: #333333;
        padding: 10px 0px;
        padding-left: 5px;
    }

    .f_link a {
        padding: 10px 20px;
        display: block;
        float: left;
        color: #666666;
        border: 1px solid #ddd;
        margin: 5px;
        border-radius: 3px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }

        .f_link a:hover {
            color: #FFFFFF;
            border: 1px solid #0054a6;
            background: #0054a6;
        }

.am-modal-dialog div.am-modal-hd {
    padding: 28px 10px 5px 10px;
    font-size: 20px;
    font-weight: 500;
}

.am-modal-dialog div.am-modal-bd {
    padding: 50px 64px;
    padding-top: 28px;
}

/*智能制造*/
.qa_box h1 {
    text-align: center;
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
    color: #333333;
}

.qa_box > p {
    text-indent: 2em;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.qa_box .qa_box_list {
    width: 30%;
    float: left;
    margin-right: 5%;
}

    .qa_box .qa_box_list > div {
        overflow: hidden;
    }

    .qa_box .qa_box_list p {
        text-align: center;
        padding: 10px;
        font-size: 16px;
        color: #333333;
    }

    .qa_box .qa_box_list:nth-child(3n) {
        float: right;
        margin-right: 0px;
    }

    .qa_box .qa_box_list img {
        max-width: 100%;
        max-height: 310px;
        transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
    }

    .qa_box .qa_box_list:hover img {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
/*注明商标*/
.zmsb .zmsb_box {
    margin-top: 50px;
}

    .zmsb .zmsb_box .qi_list {
        width: 23%;
        height: auto;
        float: left;
        margin-right: 2.5%;
        margin-bottom: 30px;
    }

        .zmsb .zmsb_box .qi_list:nth-child(4n) {
            float: right;
            margin-right: 0px;
        }

        .zmsb .zmsb_box .qi_list > div {
            max-height: 230px;
        }

            .zmsb .zmsb_box .qi_list > div img {
                max-height: 100%;
            }

.qa_box .Honor_box .h_list:first-child .h_con::before {
    top: -14px;
}
/*人才理念*/
.Talent .idea_box font {
    color: #c00110 !important;
    width: 25%;
    text-align: center;
}

.Talent .idea_box span {
    display: block;
    float: right;
    width: 73%;
}

@media only screen and (min-width: 100px) and (max-width: 1480px) {
    .Talent .idea_box font {
        width: 32%;
    }

    .Talent .idea_box span {
        width: 66%;
    }

    .contact_box .con_tc > div:last-child > div {
        width: 100px;
    }
}
/*招聘咨询*/
.consu {
    width: 80%;
    min-width: 1200px;
    min-height: 300px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.consu {
    width: 80%;
    min-width: 1200px;
    min-height: 300px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.consu_list {
    margin-bottom: 50px;
}

    .consu_list p {
        line-height: 36px;
        font-size: 17px;
        margin-bottom: 7px;
        color: #333333;
    }
/*.Talent .idea_box .idea_box_r p:nth-child(1) font,
.Talent .idea_box .idea_box_r p:nth-child(2) font,
.Talent .idea_box .idea_box_r p:nth-child(3) font,
.Talent .idea_box .idea_box_r p:nth-child(4) font,
.Talent .idea_box .idea_box_r p:nth-child(7) font{
	width: 18%;	
}
.Talent .idea_box .idea_box_r p:nth-child(1) span,
.Talent .idea_box .idea_box_r p:nth-child(2) span,
.Talent .idea_box .idea_box_r p:nth-child(3) span,
.Talent .idea_box .idea_box_r p:nth-child(4) span,
.Talent .idea_box .idea_box_r p:nth-child(7) span{
	width: 80%;	
}

.Talent .idea_box .idea_box_r p:nth-child(5) font,
.Talent .idea_box .idea_box_r p:nth-child(6) font{
	width: 25%;	
}
.Talent .idea_box .idea_box_r p:nth-child(5) span,
.Talent .idea_box .idea_box_r p:nth-child(6) span{
	width: 73%;	
}*/

/*产品页搜索*/
.p_search,
.p_maxpic {
    width: 80%;
    margin: 30px auto;
    min-width: 1200px;
    height: 50px;
    line-height: 50px;
}

    .p_search span,
    .p_maxpic samp {
        color: #666666;
        font-size: 14px;
    }

    .p_search form > button {
        width: 70px;
        height: 33px;
        background: #0054a6;
        color: #FFFFFF;
        font-size: 14px;
        border: 1px solid #0054a6;
        border-radius: 2px;
        outline: none;
        box-shadow: 0px 0px 2px #0054a6;
    }

    .p_maxpic button {
        width: 195px;
        height: 40px;
        text-align: center;
        /*line-height: 40px;*/
        margin-right: 10px;
        color: #666666;
        font-size: 14px;
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        border-radius: 2px;
        outline: none;
        box-shadow: 0px 0px 2px #e5e5e5;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }

        .p_maxpic button:hover {
            background: #0054a6;
            color: #FFFFFF;
            border: 1px solid #0054a6;
            box-shadow: 0px 0px 2px #0054a6;
        }
/*图片框*/
.dialog {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*overflow: hidden;
	overflow-y: scroll;*/
    z-index: 999;
    background: rgba(0,0,0,.8);
}

    .dialog .close {
        position: fixed;
        top: 20px;
        right: 20px;
        width: 70px;
        height: 33px;
        background: #0054a6;
        color: #FFFFFF;
        font-size: 14px;
        border: 1px solid #0054a6;
        border-radius: 2px;
        outline: none;
        text-align: center;
        line-height: 33px;
        box-shadow: 0px 0px 2px #0054a6;
    }

    .dialog img {
        max-width: 100%;
        padding-bottom: 100px;
    }

.bdshare-button-style0-24 a:hover {
    opacity: 1 !important;
}